﻿<#include "../../common/_meta.ftl">
<link rel="stylesheet" href="${springMacroRequestContext.contextPath}/static/lib/layui-v2.5.6/layui/css/layui.css" media="all">
<title>角色管理</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span> 角色管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<div class="cl pd-5 bg-1 bk-gray">
		<span class="l">
			<a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
			<a class="btn btn-primary radius" href="javascript:;" onclick="admin_role_add('添加角色',contextPath+'/admin/roleAdd','800')"><i class="Hui-iconfont">&#xe600;</i> 添加角色</a>
		</span>
<#--		<table class="table table-border table-bordered table-hover table-bg">-->
<#--			<thead>-->
<#--				<tr>-->
<#--					<th scope="col" colspan="8">角色管理</th>-->
<#--				</tr>-->
<#--				<tr class="text-c">-->
<#--					<th width="25"><input type="checkbox" value="" name=""></th>-->
<#--					<th width="200">角色名</th>-->
<#--					<th width="300">描述</th>-->
<#--					<th width="70">操作</th>-->
<#--				</tr>-->
<#--			</thead>-->
<#--			<tbody>-->
<#--			<#list pageInfo.list as list >-->
<#--				<tr class="text-c">-->
<#--					<td><input type="checkbox" value="" name=""></td>-->
<#--					<td>${list.rolename}</td>-->
<#--					<td>${list.info}</td>-->
<#--					<td class="f-14">-->
<#--						<a title="编辑" href="javascript:;" onclick="admin_role_edit('角色编辑','${springMacroRequestContext.contextPath}/admin/roleAdd','1')" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>-->
<#--						<a title="删除" href="javascript:;" onclick="admin_role_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>-->
<#--					</td>-->
<#--				</tr>-->
<#--			</#list>-->
<#--			</tbody>-->
<#--		</table>-->
		<table class="table table-border table-bordered table-hover table-bg" id="demo" lay-filter="test"></table>
		<script type="text/html" id="barDemo">
			<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
			<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
			<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
		</script>
</div>
<!--_footer 作为公共模版分离出去-->
<#include "../../common/_footer.ftl">
<!--/_footer 作为公共模版分离出去-->
<script type="text/javascript" src="${springMacroRequestContext.contextPath}/static/lib/layui-v2.5.6/layui/layui.js"></script>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">

$(function () {

})

layui.use(['table'], function(){
	let	table = layui.table;
	table.render({
		elem: '#demo'
		,height: 'full-150'
		,method:"get"
		// ,contentType:"application/json"
		,url: contextPath+"/adminApi/role" //数据接口
		,parseData: function(res){ //res 即为原始返回的数据
			return {
				"code": 0, //解析接口状态
				"msg": res.message, //解析提示文本
				"count": res.data.total, //解析数据长度
				"data": res.data.list //解析数据列表
			};
		}
		,request: {
			pageName: 'pageNum' //页码的参数名称，默认：page
			,limitName: 'pageSize' //每页数据量的参数名，默认：limit
		}
		,title: '角色表'
		,page: true //开启分页
		,toolbar: 'true' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
		,cols: [[ //表头
			{type: 'checkbox', fixed: 'left'}
			,{field: 'roleid', title: 'ID', width:80, sort: true, fixed: 'left'}
			,{field: 'rolename', title: '角色名', width:80}
			,{field: 'info', title: '描述', width: 90, sort: true, totalRow: false}
			,{fixed: 'right',title: '操作', width: 165, align:'center', toolbar: '#barDemo'}
		]]
	});

	//监听头工具栏事件
	// table.on('toolbar(test)', function(obj){
	// 	var checkStatus = table.checkStatus(obj.config.id)
	// 			,data = checkStatus.data; //获取选中的数据
	// 	switch(obj.event){
	// 		case 'add':
	// 			layer.msg('添加');
	// 			break;
	// 		case 'update':
	// 			if(data.length === 0){
	// 				layer.msg('请选择一行');
	// 			} else if(data.length > 1){
	// 				layer.msg('只能同时编辑一个');
	// 			} else {
	// 				layer.alert('编辑 [id]：'+ checkStatus.data[0].id);
	// 			}
	// 			break;
	// 		case 'delete':
	// 			if(data.length === 0){
	// 				layer.msg('请选择一行');
	// 			} else {
	// 				layer.msg('删除');
	// 			}
	// 			break;
	// 	};
	// });

	//监听行工具事件
	table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
		let data = obj.data //获得当前行数据
				,layEvent = obj.event; //获得 lay-event 对应的值
		if(layEvent === 'detail'){
			layer.msg('查看操作');
		} else if(layEvent === 'del'){
			layer.confirm('真的删除行么', function(index){
				obj.del(); //删除对应行（tr）的DOM结构
				layer.close(index);
				//向服务端发送删除指令
				console.log(data);
				admin_role_del(this,data.roleid);
			});
		} else if(layEvent === 'edit'){
			layer.msg('编辑操作');

			admin_role_edit('角色编辑','${springMacroRequestContext.contextPath}/admin/roleAdd',data.roleid);
		}
	});
})



/*管理员-角色-添加*/
function admin_role_add(title,url,w,h){
	layer_show(title,url,w,h);
}
/*管理员-角色-编辑*/
function admin_role_edit(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*管理员-角色-删除*/
function admin_role_del(obj,id){
	// layer.confirm('角色删除须谨慎，确认要删除吗？',function(index){
	// 	$.ajax({
	// 		type: 'DELETE',
	// 		url: contextPath+'/adminApi/role/'+id,
	// 		dataType: 'json',
	// 		success: function(data){
	// 			$(obj).parents("tr").remove();
	// 			layer.msg('已删除!',{icon:1,time:1000});
	// 		},
	// 		error:function(data) {
	// 			console.log(data.message);
	// 		},
	// 	});
	// });
		$.ajax({
			type: 'DELETE',
			url: contextPath+'/adminApi/role/'+id,
			dataType: 'json',
			success: function(data){
				layer.msg('已删除!',{icon:1,time:1000});
			},
			error:function(data) {
				console.log(data.message);
			},
		});
}
</script>
</body>
</html>